const countryOptions = ['AM', 'CN']
var line_option={
    title: {
        text: '新增客户/成交客户',
        left: '2%',
        top: '3%',
        textStyle: {
            color: '#999999',
            fontSize: '12',
        },
    },
    tooltip: {
        trigger: 'axis',
        extraCssText: 'font-size:14px;line-height:24px;color:#fff;background:#212947;opacity: 0.9;padding:10px 20px;box-shadow:0 0 3px rgba(0, 0, 0, 0.2)',
        formatter: function(params) {
            let html = ''
            params.forEach(v => {
                html += `<div>
<span style="display:inline-block;color: #999999;margin-right:5px;border-radius:10px;width:10px;height:10px;border: 2px solid #FFFFFF;background-color:${color[v.componentIndex]};"></span>
${v.seriesName}

<span style="color:${color[v.componentIndex]};font-size:18px;font-weight:700;padding-left: 10px;">${v.value}</span>`
            })
            return html
        }
    },
    legend: {
        data: ['新增客户', '成交客户'],
        top: '0%',
        right: '2%',
        // textStyle: {
        //     fontSize:16,
        //     color: '#8597c1'
        // }
    },

    xAxis: [{
        show: true,
        type: 'category',
        axisLine: {
            show: true,
            lineStyle:{
                color:'rgba(83, 83, 83,0.1)',
            },


        },
        axisTick:{//坐标轴刻度相关设置。
            show: false,
        },
        splitArea: {
            // show: true,
            color: '#f00',
            lineStyle: {
                color: '#f00'
            },
        },
        axisLabel: {
            color: '#999999',
            margin:20
        },
        splitLine: {
            show: false
        },
        boundaryGap: false,
        data: [],

    }],
    grid: {

        left:'5%',
        right:"5%",
        borderWidth: 1
    },
    yAxis: [{
        name:'',
        type: 'value',
        min: 0,
        // max: 140,
        splitNumber: 4,
        splitLine: {
            //分隔线
            show: false,
            lineStyle: {
                //坐标轴在 grid 区域中的分隔线。
                color: 'rgba(83, 83, 83,0.1)'
            }
        },
        axisLine: {
            //坐标轴轴线相关设置
            show: true,
            lineStyle:{
                color:'rgba(83, 83, 83,0.1)',
            },
        },
        axisLabel: {
            show: true,
            textStyle: {
                color: '#999999',
            },
            margin:20
        },
        axisTick: {
            show: false,
        },
    }],
    series: [{
        name: '新增客户',
        type: 'line',
        smooth: true, //是否平滑
        showAllSymbol: false,
        symbol: 'circle',
        symbolSize: 2,
        lineStyle: {
            normal: {
                color: "#6A8ED8",
            },
        },
        itemStyle: {
            color: "#6A8ED8",
        },
        areaStyle: {
            normal: {
                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                    offset: 0,
                    color: 'rgba(106, 142, 216, .5)'
                },
                    {
                        offset: 1,
                        color: 'rgba(106, 142, 216,.5)'
                    }
                ], false),
                shadowColor: 'rgba(106, 142, 216, 0.9)',
                shadowBlur: 20
            }
        },
        data: [ ]
    },
        {
            name: '成交客户',
            type: 'line',
            smooth: true, //是否平滑
            showAllSymbol: false,
            symbol: 'circle',
            symbolSize: 2,
            lineStyle: {
                normal: {
                    color: "#1BC8B4",
                },
            },
            itemStyle: {
                color: "#1BC8B4",
            },
            areaStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        offset: 0,
                        color: 'rgba(27, 200, 180, .5)'
                    },
                        {
                            offset: 1,
                            color: 'rgba(27, 200, 180,.5)'
                        }
                    ], false),
                    shadowColor: 'rgba(27, 200, 180, 0.9)',
                    shadowBlur: 20
                }
            },
            data: [ ]
        },

    ]
};

// export default{
//     line_option
// }
// module.exports=line_option
export {
    countryOptions
}